<div class="order-container">
	<div class="wrap">
		<div class="sep_bg">
			<div class="person_info_content">
				<span class="person_info_editicon" onclick="PersonInfo.updatePersonInfoModal()">修改资料</span>
					<img id="photo" class="photo_img" src="images/user_pic.png" />
			</div>
		</div>
		<div class="person_content">

			<div class="person_info_main">
				<div class="person_info_mark">
					<div class="person_group" id="name"></div>
					<div class="person_name_area">
						<div class="person_name bg_man" id="realName"></div>
					</div>
				</div>
			</div>

			<div class="person_detail">
				<ul>
					<li>公司名称： <span id="companyName"></span>
					</li>
					<li>工作邮箱： <span id="email"></span>
					</li>
					<li>QQ： <span id="qq"></span>
					</li>
				</ul>
			</div>

			<div class="bind_info">
				<ul>
					<li><b class="bind_style bind_weixin">已绑定微信</b> <i
						class="bing_title" id="weixin"></i> <span
						class="bind_upd btn_weixin" data-toggle="modal"
						data-target="#bindWeixinModal">修改</span></li>
					<li class="border_le"><b class="bind_style bind_phone">已绑定手机</b>
						<i class="bing_title" id="phone"></i> <span
						class="bind_upd btn_phone" data-toggle="modal"
						data-target="#bindPhoneModal">修改</span></li>
				</ul>
			</div>
		</div>
	</div>


<!-- 修改个人信息弹框 -->
<div id="updatePersonInfoModal" class="modal fade person-dialog">
    <div class="modal-dialog lc-width-500">
      <div class="modal-body">
        <div class="lc-dialog-head">
          <img class="lc-dialog-head-center-icon dialog-photo-img" src="images/user_pic.png" alt="">
          <div class="lc-dialog-head-center-icon dialog-photo-edit" onclick="PersonInfo.choicePhotoModal()">
          	<img class="" src="images/person_info/edit_person.png" alt="">
          </div>
          <img class="close lc-dialog-head-close" data-dismiss="modal" src="images/order_add/img_close.png" alt="">
        </div>
        <div class="lc-dialog-body" style="margin-top:73px;">
          <div class="form-group dialog-form-group">
            <label class="control-label col-md-6">昵称：</label>
            <label class="control-label col-md-6">真实姓名：</label>
          </div>
          <div class="form-group  dialog-form-group">
            <div class="col-md-6">
              <input class="lc-input" name="name">
            </div>
            <div class="col-md-6">
              <input class="lc-input" name="realName">
            </div>
          </div>
         <div class="form-group dialog-form-group">
            <label class="control-label col-md-6">性别：</label>
            <label class="control-label col-md-6">公司名称：</label>
          </div>
          <div class="form-group  dialog-form-group">
            <div class="col-md-6">
              <select class="lc-input" name="sex">
              <option value="1">男</option>
              <option value="2">女</option>
              </select>
            </div>
            <div class="col-md-6">
              <input class="lc-input" name="companyName">
            </div>
          </div>
          <div class="form-group dialog-form-group">
            <label class="control-label col-md-6">QQ：</label>
            <label class="control-label col-md-6">工作邮箱：</label>
          </div>
          <div class="form-group  dialog-form-group">
            <div class="col-md-6">
              <input class="lc-input" name="qq">
            </div>
            <div class="col-md-6">
              <input class="lc-input" name="email">
            </div>
          </div>
        </div>
        <div class="lc-dialog-bottom">
          <button class="lc-dialog-submit" onclick="PersonInfo.updatePersonInfoSubmit()">保存</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 选择头像弹框 -->
  <div id="choicePhotoModal" class="modal fade crop-photo">
    <div class="modal-dialog lc-width-900">
      <div class="modal-body">
			 <div class="lc-dialog-head lc-height-60">
	         	<h3 class="lc-dialog-top-title">选择头像</h3>
	          <img class="close lc-dialog-head-close" data-dismiss="modal" src="images/order_add/img_close.png" alt="">
	        </div>
	        <div class="lc-dialog-body">
				<div class="form-group dialog-form-group">
					<div class="col-md-6">
						<div class="image-crop" style="">
							<img class="head_img" src="images/user_pic.png" />
						</div>
					</div>
					<div class="col-md-6">
						<h4 class="tx_titles lc-tl-l">图片预览：</h4>
						<div class="img-preview img-preview-sm"></div>
						<h4 class="tx_titles2 lc-tl-l">提示：</h4>
						<p style="margin-bottom: 10px; color: #999;">
							你可以上传任何大小图片，然后通过下列工具来剪切</p>
						<div class="btn-group">
							<button class="btn btn-white" id="zoomIn" type="button">放大</button>
							<button class="btn btn-white" id="zoomOut" type="button">缩小</button>
							<button class="btn btn-white" id="rotateLeft" type="button">左旋转</button>
							<button class="btn btn-white" id="rotateRight" type="button">右旋转</button>
							<!-- <button class="btn btn-white" id="setDrag" type="button">右旋转</button> -->
						</div>
						<div class="btn-group" style="padding: 15px;">
							<label title="选择图片" for="inputImage" class="btn btn-primary choice-img-btn" >
								<input type="file" accept="image/*" name="file" id="inputImage" class="hide"> 选择本地图片...
							</label>
							 <a  title="确认上传" id="download" class="btn btn-primary choice-img-submit" data-dismiss="modal">&nbsp;确认&nbsp;</a>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</div>
  
<!--修改微信弹出框-->
<div id="bindWeixinModal" class="modal fade">
	<div class="modal-dialog ">
		<div class="modal-body">
			<div class="lc-dialog-head lc-height-60">
	         	<h3 class="lc-dialog-top-title">验证手机</h3>
	          <img class="close lc-dialog-head-close" data-dismiss="modal" src="images/order_add/img_close.png" alt="">
	        </div>
			<div class="lc-dialog-body">
				<span class="info_tips">验证码发送至<span class="validatePhone"></span></span>
				<div class="check_area">
					<input type="text" placeholder="请输入验证码" class="min_input valCode"/> <span class="verify-code-btn" data="2">验证码</span>
				</div>
				<div class="btn_area">
					<button type="button" class="next_btn" onclick="PersonInfo.bindWeixinNext()" data-toggle="modal" >下一步</button>
				</div>
			</div>
		</div>
	</div>
</div>  
<!-- 修改微信弹出框2  -->
<div id="sweepWeixinModal" class="modal fade">
	<div class="modal-dialog ">
		<div class="modal-body" >
		<div class="lc-dialog-head lc-height-60">
	         	<h3 class="lc-dialog-top-title">修改绑定微信</h3>
	          <img class="close lc-dialog-head-close" data-dismiss="modal" src="images/order_add/img_close.png" alt="">
	        </div>
			<div class="lc-dialog-body">
				<div class="info_upd_body align_center">
				<img class="area_center" id="wximg" src="images/person_info/QR_code.png" /> <span
					class="info_tips login_color">请使用微信二维码登录长芯</span>
			</div>
			</div>
		</div>
	</div>
</div>

<!--修改手机弹出框-->
<div id="bindPhoneModal" class="modal fade">
	<div class="modal-dialog ">
		<div class="modal-body">
			<div class="lc-dialog-head lc-height-60">
	         	<h3 class="lc-dialog-top-title">修改手机号</h3>
	          <img class="close lc-dialog-head-close" data-dismiss="modal" src="images/order_add/img_close.png" alt="">
	        </div>
			<div class="lc-dialog-body">
				<!-- <span class="info_tips">验证码发送至<span class="validatePhone"></span></span> -->
				<div class="check_area">
					<input type="text" placeholder="请输入新手机号" class="min_input" id="newPhone"/><span>新手机号</span>
				</div>
				<div class="check_area">
					<input type="text" placeholder="请输入验证码" class="min_input valCode"/> <span class="verify-code-btn" data="3">验证码</span>
				</div>
				<div class="btn_area">
					<button type="button" class="next_btn" onclick="PersonInfo.bindPhoneSubmit()" data-toggle="modal" >确认</button>
				</div>
			</div>
		</div>
	</div>
</div> 
  
</div>

<!--   修改成功弹出框   start -------------------------------------------->
<div id="successModal" class="modal inmodal" tabindex="-1"
	role="dialog" aria-hidden="true">
	<div class="modal-dialog person_info_dialog"
		style="width: 360px; margin-top: 10%;">
		<div class="modal-content modal-content_borrad animated bounceInRight"
			style="border-radius: 22px;">
			<div class="modal-header info_upd_header">
			</div>
			<div class="info_upd_body align_center">
				<div class="photo_position">
					<img class="head_img" src="images/person_info/upd_success.png" />
				</div>
				<span class="info_tips mt_60">修改成功</span>
				<div class="btn_area">
					<button type="button" class="next_btn" data-dismiss="modal" onclick="PersonInfo.success()">好的</button>
				</div>
			</div>
		</div>
	</div>
</div>
<!--     修改成功弹出框   end -------------------------------------------->

